<template>
  <div class="a-container">
    <div>A组件-{{ money }}</div>
    <div class="wrap">
      <BCom :money="money" />
      <CCom />
    </div>
  </div>
</template>

<script setup>
import BCom from './BCom.vue';
import CCom from './CCom.vue';
defineProps(['money'])
</script>

<style>
.a-container {
  border: 5px solid #6a3939;
  padding: 6px;
  width: 800px;
  height: 400px;
  margin: 10px auto;
}

.a-container .wrap {
  display: flex;
}
</style>
